<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" name="viewport" />
    <meta content="yes" name="apple-mobile-web-app-capable">
    <title>canvas</title>
    <link href="../css/lizi/style.css" rel="stylesheet" type="text/css">
</head>
<body>
    
    <div id="control" class="cons">
        <div class="c_click-ft">
               <div class="c_click-but" dtype="1">
                   <div></div>
                   <div></div>
                   <div></div>
               </div>
        </div>
        <h4>文字粒子效果</h4>
        <p style="margin: 0 0 20px 10px;" class="c_switch-nav">
              <span id="ball" class="cons">圆形</span>
              <span id="rect">方块</span>
        </p>
        <label>文字</label>
        <input type="text" id="message" value="" onchange="change()">
        <label>重力</label>
        <input type="range" id="gra" value="0" min="-1" max="1" step="0.1" onchange="changeV()" />
        <label>周期</label>
        <input type="range" id="dur" value="0" min="-1" max="1" step="0.1" onchange="changeV()" />
        <label>速度</label>
        <input type="range" id="speed" value="0" min="-1" max="1" step="0.1" onchange="changeV()" />
        <label>半径</label>
        <input type="range" id="rad" value="0" min="-1" max="1" step="0.1" onchange="changeV()" />
        <label>分辨率</label>
        <input type="range" id="res" value="0" min="-1" max="1" step="0.1" onchange="changeV()" />
    </div>

    <canvas id="canvas"  class="cons"></canvas>

    <script src="../js/lizi/sidebar.js"></script>
    <script src="../js/lizi/shape.js"></script>
    <script src="../js/lizi/utils.js"></script>
    <script src="../js/lizi/particles.js"></script>
    <script src="../js/lizi/utils.js"></script>
    <script src="../js/lizi/index.js"></script>
</body>
</html>
